<div style="background-color: #FFF; overflow: hidden">
	<div title="基本" class="MWFTab">
		<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
		  <tr>
		    <td class="editTableTitle">标识:</td>
		    <td class="editTableValue"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></td>
		  </tr>
		  <tr>
		    <td class="editTableTitle">名称:</td>
		    <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
		  </tr>
		  <tr>
		    <td class="editTableTitle">描述:</td>
		    <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
		  </tr>
		</table>
		
		<div class="MWFMaplist" name="styles" title="样式"></div>
		<div class="MWFMaplist" name="properties" title="属性"></div>

        <div style="background-color: #eeeeee; height: 24px; line-height: 24px; text-align: center;">视图选择框</div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">选择框标题:</td>
                <td class="editTableValue"><input type="text" name="title" value="text{$.title}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">列标题:</td>
                <td class="editTableValue">
                    <input type="radio" name="isTitle" value="true" text{($.isTitle)?'checked':''}/>显示
                    <input type="radio" name="isTitle" value="false" text{(!$.isTitle)?'checked':''}/>隐藏
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">选择:</td>
                <td class="editTableValue">
                    <input type="radio" name="select" value="single" text{($.select!='multi')?'checked':''}/>单选
                    <input type="radio" name="select" value="multi" text{($.select=='multi')?'checked':''}/>多选
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">视图:</td>
                <td class="editTableValue"><div class="MWFViewSelect" name="viewName"></div></td>
            </tr>
        </table>
        <div class="MWFMaplist" name="titleStyles" title="选择框标题样式"></div>
        <div class="MWFMaplist" name="itemStyles" title="选择框条目样式"></div>

        <div style="background-color: #eeeeee; height: 24px; line-height: 24px; text-align: center;">选择结果处理</div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">处理方式:</td>
                <td class="editTableValue">
                    <input type="radio" onclick="if (this.checked){ $('text{$.id}selectedSetValueArea').setStyle('display', 'block'); $('text{$.id}selectedScriptArea').setStyle('display', 'none')}" name="result" value="setValue" text{($.result!='script')?'checked':''}/>赋值
                    <input type="radio" onclick="if (this.checked){ $('text{$.id}selectedSetValueArea').setStyle('display', 'none'); $('text{$.id}selectedScriptArea').setStyle('display', 'block')}" name="result" value="script" text{(!$.result=='script')?'checked':''}/>脚本
                </td>
            </tr>
        </table>

        <div id="text{$.id}selectedSetValueArea" style="display: text{($.result!='script')?'block':'none'};">
            <div class="MWFMaplist" name="selectedSetValues" title="选择结果赋值"></div>
        </div>
        <div id="text{$.id}selectedScriptArea" style="display: text{($.result=='script')?'block':'none'};">
            <div class="MWFScriptArea" name="selectedScript" title="默认值 (S)"></div>
        </div>
	</div>
	<div title="事件"  class="MWFTab">
		<div class="MWFEventsArea" name="events"></div>
	</div>
	<div title="HTML"  class="MWFTab">
		<textarea class="MWFHTMLArea" style="width:100%; height:400px; border:0px;font-family: Verdana, Geneva, sans-serif; font-size:14px"></textarea>
	</div>
</div>